<!-- 登录弹出框 Start-->
<div class="login" id="login">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">登录账号</span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>
        <button class="hf-btn btn-bule" type="submit" >登录</button>
        <div class="hf-third-login clearfix">
          <ul class="forget-pwd ">
            <li class="fl"><a href="#" class="col-blue">注册账号</a></li>
            <li class="fr"><a href="#">忘记密码</a> </li>
          </ul>
        </div>
      </div>
    </div>
</div>
<!-- 登录弹出框 Start-->
<!-- 注册弹出框 Start-->
<div class="register" id="register">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">注册账号         </span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input class="hf-captcha" maxlength="8" name="captcha" data-rule-required="true" placeholder="请输入短信验证码">
          <span class="btn-half hf-dtm-get flag ">获取验证码</span>
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>

        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="请设置登录密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码格式错误</span>
        </div>
        <button class="hf-btn btn-bule" type="submit" >注册</button>
        <div class="hf-third-login clearfix">
          <ul class="forget-pwd ">
            <li class="fl"><a href="#" class="col-blue"></a></li>
            <li class="fr"><a href="#"><em>已有账号？</em>立即登录</a> </li>

          </ul>
        </div>
      </div>
    </div>
</div>
<!-- 注册弹出框 Start-->
<!-- 找回密码 Start-->
<div class="resetpwd" id="resetpwd">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">找回密码 </span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input class="hf-captcha" maxlength="8" name="captcha" data-rule-required="true" placeholder="请输入短信验证码">
          <span class="btn-half hf-dtm-get flag ">获取验证码</span>
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>
        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="请设置登录密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码格式错误</span>
        </div>
        <button class="hf-btn btn-bule" >下一步</button>
       
      </div>
    </div>
</div>
<!-- 找回密码 Start-->